<template>
  <div class="index">
    <div v-if="company.departmentType == '0'">
      <table cellspacing="0" cellpadding="0" class="detailTable">
        <tbody>
          <tr>
            <td class="title">企业类型</td>
            <td>{{ company.companyTypeName || '--' }}</td>
            <td class="title">状态</td>
            <td>{{ company.statusName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">法人姓名/联系方式</td>
            <td>{{ company.boss || '--' }}，{{ company.bossTel || '--' }}</td>
            <td class="title">法人身份证号</td>
            <td>{{ company.bossIdcard || '--' }}</td>
          </tr>
          <tr>
            <td class="title">联系人姓名/联系方式</td>
            <td>
              {{ company.transactor || '--' }}，{{
                company.transactorTel || '--'
              }}
            </td>
            <td class="title">营业期限起止</td>
            <td>{{ company.expiryStartDate }}至{{ company.expiryEndDate }}</td>
          </tr>
          <tr>
            <td class="title">成立日期</td>
            <td>{{ company.establishDate || '--' }}</td>
            <td class="title">登记机关</td>
            <td>{{ company.registerAgency || '--' }}</td>
          </tr>
          <tr>
            <td class="title">经济类型</td>
            <td>{{ company.economicTypeName || '--' }}</td>
            <td class="title">隶属关系</td>
            <td>{{ company.affiliationName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">是否劳务派遣单位</td>
            <td>{{ company.isLaborDispatchName || '--' }}</td>
            <td class="title">是否已建立工会</td>
            <td>{{ company.isUnionizeName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">是否签订集体合同</td>
            <td>{{ company.isContractName || '--' }}</td>
            <td class="title">是否签订工资集体协议</td>
            <td>{{ company.isProtocolName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">注册地址</td>
            <td>{{ company.registerAddress || '--' }}</td>
            <td class="title">注册资本</td>
            <td>{{ company.registerCapital }}万</td>
          </tr>
          <tr>
            <td class="title">实际地址</td>
            <td>{{ company.officeAddress || '--' }}</td>
            <td class="title">座机号码</td>
            <td>{{ company.landlineTel || '--' }}</td>
          </tr>
          <tr>
            <td class="title">营业范围</td>
            <td>{{ company.bussniseeScope || '--' }}</td>
            <td class="title">联系邮箱</td>
            <td>{{ company.email || '--' }}</td>
          </tr>
          <tr v-if="this.userType === 'JC'">
            <td class="title">账号用户名</td>
            <td>{{ company.username || '--' }}</td>
            <td class="title">密保手机号</td>
            <td>{{ company.securePhone || '--' }}</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div v-if="company.departmentType == '5' || company.departmentType == '10'">
      <table cellspacing="0" cellpadding="0" class="detailTable">
        <tbody>
          <tr>
            <td class="title">法人姓名/联系方式</td>
            <td>{{ company.boss || '--' }}，{{ company.bossTel || '--' }}</td>
            <td class="title">法人身份证号</td>
            <td>{{ company.bossIdcard || '--' }}</td>
          </tr>
          <tr>
            <td class="title">证书有效起止</td>
            <td>{{ company.expiryStartDate }}至{{ company.expiryEndDate }}</td>
            <td class="title">经费来源</td>
            <td>{{ company.fundsSources || '--' }}</td>
          </tr>
          <tr>
            <td class="title">举办单位</td>
            <td>{{ company.sponsor || '--' }}</td>
            <td class="title">开办资金</td>
            <td>{{ company.initialFund }}万</td>
          </tr>
          <tr>
            <td class="title">宗旨和业务范围</td>
            <td>{{ company.bussniseeScope || '--' }}</td>
            <td class="title">是否已建立工会</td>
            <td>{{ company.isUnionizeName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">登记地址</td>
            <td>{{ company.regAreaName || '--' }}</td>
            <td class="title">是否签订集体合同</td>
            <td>{{ company.isContractName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">实际地址</td>
            <td>{{ company.officeAddress || '--' }}</td>
            <td class="title">是否签订工资集体协议</td>
            <td>{{ company.isProtocolName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">联系人姓名/联系方式</td>
            <td>
              {{ company.transactor || '--' }}，{{
                company.transactorTel || '--'
              }}
            </td>
            <td class="title">座机号码</td>
            <td>{{ company.landlineTel || '--' }}</td>
          </tr>
          <tr v-if="this.userType === 'JC'">
            <td class="title">账号用户名</td>
            <td>{{ company.username || '--' }}</td>
            <td class="title">密保手机号</td>
            <td>{{ company.securePhone || '--' }}</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div v-if="company.departmentType == '15'">
      <table cellspacing="0" cellpadding="0" class="detailTable">
        <tbody>
          <tr>
            <td class="title">经营者姓名/联系方式</td>
            <td>{{ company.boss || '--' }},{{ company.bossTel || '--' }}</td>
            <td class="title">登记地址</td>
            <td>{{ company.registerAddress || '--' }}</td>
          </tr>
          <tr>
            <td class="title">注册日期</td>
            <td>{{ company.establishDate || '--' }}</td>
            <td class="title">登记机关</td>
            <td>{{ company.registerAgency || '--' }}</td>
          </tr>
          <tr>
            <td class="title">实际地址</td>
            <td>{{ company.officeAddress || '--' }}</td>
            <td class="title">组成形式</td>
            <td>{{ company.constituteFormName || '--' }}</td>
          </tr>
          <tr>
            <td class="title">营业范围</td>
            <td colspan="3">{{ company.bussniseeScope || '--' }}</td>
          </tr>
          <tr v-if="this.userType === 'JC'">
            <td class="title">账号用户名</td>
            <td>{{ company.username || '--' }}</td>
            <td class="title">密保手机号</td>
            <td>{{ company.securePhone || '--' }}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {
  name: 'employerBaseInfo',
  props: {
    company: {
      type: Object,
      required: true,
      default() {
        return {}
      },
    },
  },
  data() {
    return {
      userType: '',
    }
  },
  created() {
    this.userType = localStorage.getItem('loginType')
  },
  methods: {},
}
</script>

<style scoped lang="less">
.index {
  padding: 24px;
}
.leftShow {
  text-align: left;
  line-height: 36px;
  .labelWidth {
    font-size: 14px;
    color: #666666;
    display: inline-block;
    height: 36px;
    width: 200px;
    text-align: right;
    float: left;
  }
  .information {
    font-size: 14px;
    color: #151515;
    display: block;
    margin-left: 200px;
  }
}
</style>
